<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商品分类</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/common.js"></script>
    <script src="js/personalFocus.js"></script>
</head>
<body>
    <div class="headerBar">
        <div class="topBar">
            <div class="comWidth clearFix">
                <div class="leftArea">
                    <a href="#" class="collection">收藏商城</a>
                </div>
                <div class="rightArea">
                    <a href="index.html">返回首页</a>
                    <a href="login.html">[登录]</a>
                    <a href="register.html">[免费注册]</a>
                </div>
            </div>
        </div><!--topBar结束-->
        <div class="logoBar">
            <div class="comWidth clearFix">
                <div class="logo fl">
                    <a href="#"><img src="images/logo.png" alt="商城网"/></a>
                </div>
                <div class="search_box fl">
                    <form action="" method="get">
                        <label><input type="text" class="search_text fl"/></label>
                        <input type="button" value="搜 索" class="search_btn fr"/>
                    </form>
                </div>
                <div class="shopCar fr">
                    <a href="shoppingCar.html">
                        <span class="shopText fl">购物车</span>
                    </a>
                    <span class="shopNum fl">2</span>
                    <div class="shopCar_cont">
                        <form method="post" action="">
                            <div class="checkAll">
                                <input type="button" id="check_all" value="全　选" name="items"/>
                                <input type="button" id="check_no" value="全不选" name="items"/>
                            </div>
                            <div class="shopCar_list">
                                <ul>
                                    <li>
                                        <label for="check1"></label>
                                        <input type="checkbox" checked="checked" id="check1" class="checkbox" name="items"/>
                                        <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                        <p>
                                            <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                            <span class="price">￥; <i>4999.00</i></span>
                                        </p>
                                    </li>
                                    <li>
                                        <label for="check2"></label>
                                        <input type="checkbox" id="check2" class="checkbox" name="items"/>
                                        <a href="shoppingCar.html"><img src="images/shopCar_list_01.png" alt="佳能60"/></a>
                                        <p>
                                            <a href="#">Fujifilm 富士 FinePix JX710数码相机 粉色</a>
                                            <span class="price">￥; <i>349.00</i></span>
                                        </p>
                                    </li>
                                    <li>
                                        <label for="check3"></label>
                                        <input type="checkbox" id="check3" class="checkbox" name="items"/>
                                        <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                        <p>
                                            <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                            <span class="price">￥; <i>4999.00</i></span>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </form>
                        <div class="clearingBox">
                            <div class="clearingText clearFix">
                        <span class="clearingNum fl">
                            <i>已选</i><span class="number">1</span><i>件</i>
                        </span>
                        <span class="clearingPrice fr">
                            <span class="price">&yen; <i>4999.00</i></span>
                        </span>
                            </div>
                            <div class="goClearing">
                                <a href="shoppingCar.html">去结算</a>
                            </div>
                            <span id="shopCarClose">收起购物车</span>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--logoBar结束-->
    </div>
<!--产品分类导航-->
    <div class="comWidth clearFix products">
    <div class="leftArea">
        <div class="leftNav">
            <h3 class="nav_title">手机、相机、数码</h3>
            <div class="nav_cont">
                <h3>手机通讯</h3>
                <ul class="navCont_list clearFix">
                    <li><a href="#">全部手机</a></li>
                    <li><a href="#">1080P高清</a></li>
                    <li><a href="#">双卡手机</a></li>
                    <li><a href="#">拍照神器</a></li>
                    <li><a href="#">老年手机</a></li>
                    <li><a href="#">对讲机</a></li>
                    <li><a href="#">联通专区</a></li>
                </ul>
            </div>
            <div class="nav_cont">
                <h3>数码相机</h3>
                <ul class="navCont_list clearFix">
                    <li><a href="#">全部品牌</a></li>
                    <li><a href="#">佳能</a></li>
                    <li><a href="#">宾得</a></li>
                    <li><a href="#">尼康</a></li>
                    <li><a href="#">哈苏</a></li>
                </ul>
            </div>
            <div class="nav_cont">
                <h3>镜头</h3>
                <ul class="navCont_list clearFix">
                    <li><a href="#">广角镜头</a></li>
                    <li><a href="#">长焦镜头</a></li>
                    <li><a href="#">微单镜头</a></li>
                    <li><a href="#">大光圈</a></li>
                </ul>
            </div>

            <div class="leftArea">
                <div class="banner_bar banner_small">
                    <ul class="imgBox">
                        <li><a href="#"><img src="images/banner/banner_small_01.png" alt="banner"/></a></li>
                        <li><a href="#"><img src="images/banner/banner_small_02.png" alt="banner"/></a></li>
                        <li><a href="#"><img src="images/banner/banner_small_03.png" alt="banner"/></a></li>
                        <li><a href="#"><img src="images/banner/banner_small_02.png" alt="banner"/></a></li>
                    </ul>
                    <ul class="imgNum">
                        <li class="active">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                    </ul>
                    <div class="left btn"><</div>
                    <div class="right btn">></div>
                </div>
            </div>
        </div>
    </div>
    <div class="rightArea">
        <!--banner开始-->
        <div class="banner comWidth clearFix">
            <div class="banner_bar banner_big fr out">
                <ul class="img">
                    <li><a href="#"><img src="images/banner/banner_02.jpg" alt=""/></a></li>
                    <li><a href="#"><img src="images/banner/banner_03.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/banner/banner_04.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/banner/banner_05.jpg" alt=""/></a></li>
                    <li><a href="#"><img src="images/banner/banner_06.png" alt=""/></a></li>
                </ul>
                <ul class="num">

                </ul>
                <div class="left btn"><</div>
                <div class="right btn">></div>
            </div>
        </div>
        <!--banner部份结束-->
        <div class="hr_7"></div>
        <!--数码影音-->
        <div class="products_title">
            <h3>数码影像</h3>
        </div>
        <div class="products_list clearFix">
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_01.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Canon 佳能 IXUS 132 数码相机 粉色 1600万像素</a></p>
                    <p class="price">&yen; 699.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(78条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_02.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Canon 佳能 PowerShot N 数码相机 白色 礼盒装</a></p>
                    <p class="price">&yen; 2199.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(58条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_03.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Fujifilm 富士 FinePix JX710数码相机 粉色</a></p>
                    <p class="price">&yen; 349.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(157条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_04.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Canon 佳能 EOS 60D d单反套机(EF-S 18-135IS) 1800万像素</a></p>
                    <p class="price">&yen; 4999.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(52条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_05.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Sony 索尼 DSC-TX66 数码相机 粉色</a></p>
                    <p class="price">&yen; 999.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(88条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_06.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Canon 佳能 LEGRAHFR506 白色 1600万像素</a></p>
                    <p class="price">&yen; 2799.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(50条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_07.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Samsung 三星 Galaxy Tab3 3G版 17英寸平板电脑</a></p>
                    <p class="price">&yen; 1698.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(111条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_08.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Sony 索尼 NEX-3NL 16-50mm 单变焦镜头套装 粉色</a></p>
                    <p class="price">&yen; 2430.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(238条)</a>
                    </p>
                </div>
            </div>
        </div>

        <!--娱乐影音-->
        <div class="products_title">
            <h3>娱乐影音</h3>
        </div>
        <div class="products_list clearFix">
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_09.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">KSD 凯仕达USB电脑跳舞毯 （即接即用，性价比强）</a></p>
                    <p class="price">&yen; 99.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(7865条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_10.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">APPLE 苹果 IPod touch4 32G 白色 多媒体播放</a></p>
                    <p class="price">&yen; 1359.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(125条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_11.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Lepow乐泡 通用性移动电源 大黄鸭定制版</a></p>
                    <p class="price">&yen; 139.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(78条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_12.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">YouWin 天亿 四核手机平板 7英寸 IPS全贴</a></p>
                    <p class="price">&yen; 799.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(65条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_13.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">天运 2寸 吉他背带（黑色/花色）</a></p>
                    <p class="price">&yen; 9.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(15条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_14.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">Philips 飞利浦 SPF数码相框 白色</a></p>
                    <p class="price">&yen; 259.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(265条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_15.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">ibody RainBow 蓝牙健康追踪器 蓝色</a></p>
                    <p class="price">&yen; 239.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(165条)</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="item_content">
                    <div class="img_item">
                        <a href="#"><img src="images/products/products_16.jpg" alt=""/></a>
                    </div>
                    <p><a href="#">SmartQ 智器 Z Watch 智能手表 开启可穿戴式达人酷毙生活</a></p>
                    <p class="price">&yen; 699.00</p>
                    <p>
                        <a href="#">评论:</a>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <span class="star"></span>
                        <a href="#">(165条)</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
    <!--返回顶部-->
    <div class="backTop_box">
        <a href="#top"><div class="arrow"></div>返回顶部</a>
    </div>
    <div class="hr_25"></div>
    <div class="footer">
    <p>
        <a href="">商城简介</a>
        <i>|</i>
        <a href="">商城公告</a>
        <i>|</i>
        <a href="">招纳贤士</a>
        <i>|</i>
        <a href="">联系我们</a>
        <i>|</i>
        <a href="">客服热线：400-675-1234 </a>
    </p>

    <p>Copyright &copy; 2006 - 2014 商城版权所有&nbsp;&nbsp;&nbsp;
        云ICP备09037834号&nbsp;&nbsp;&nbsp;
        云ICP证B1034-8373号&nbsp;&nbsp;&nbsp;
        某市公安局XX分局备案编号：123456789123
    </p>

    <p class="footerLogo">
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
    </p>
</div>
</body>
</html>